<script setup lang="ts">
import { defineProps } from 'vue'

const props = defineProps<{ data: '' }>()

</script>

<template>
  <li><el-link type="primary">{{ props.data }}</el-link></li>
</template>

<style scoped lang="less">
::v-deep(.el-card) {
  border-radius: 10px;
  padding: 10px;
  background-color: rgb(236, 236, 236);

  &__header {
    border-bottom: 1px solid black;
  }

  &__header, &__body {
    padding: 5px 10px;
  }
}
</style>